<template>
    <div>
        <!-- 面包屑 -->
        <el-breadcrumb separator-class="el-icon-arrow-right" style="padding-left: 10px;padding-bottom: 10px;font-size: 12px;">
            <el-breadcrumb-item :to="{ path: '/welcome' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>挂号预约</el-breadcrumb-item>
            <el-breadcrumb-item>医院介绍</el-breadcrumb-item>
        </el-breadcrumb>
        <!-- 卡片 -->
        <el-card>
            <template> 
              <div class="block">      
                  <el-carousel :interval="4000" type="card" height="250px" >
                    <el-carousel-item v-for="item in imagesbox" :key="item.id">
                      <div class="pic_item">
                       <img :src="item.idView" class="image">
                       <h3>{{item.text}}</h3>
                      </div>
                    </el-carousel-item>
                  </el-carousel>
              </div>
            </template>

             <!-- 医院介绍 -->
             <div>
               <h1 class="title">医院介绍</h1>
               <el-divider></el-divider>
                <el-row :gutter="20">
                  <el-col :span="6">
                    <div class="left1">
                      <img src="../../assets/img/welcome4.png" alt="" width="200px">
                    </div>
                  </el-col>
                  <el-col :span="18">
                    <div class="right1">
                      <!-- <el-tag type="success" effect="dark">医院等级</el-tag> -->
                       <el-tag type="success" effect="dark">医院等级</el-tag>
                      <span style="color: #888888" class="tag">二级甲等</span>
                      <el-tag type="info" effect="dark">医院性质</el-tag>
                      <span style="color: #888888" class="tag">国营</span>
                      <el-tag type="warning" effect="dark">医院类型</el-tag>
                      <span style="color: #888888" class="tag">综合医院</span>
                      <el-tag type="danger" effect="dark">医保</el-tag>
                      <span style="color: #888888" class="tag">可使用医保</span>

                      <p>地址：江城路55<i class="el-icon-location"></i></p>
                      <p>电话：0716-3184001-7151<i class="el-icon-phone-outline"></i></p>
                    </div>
                  </el-col>
                </el-row>
               <h1 class="title">医院简介</h1>
               <!-- 分割线 -->
               <el-divider></el-divider>
               <p class="article">
                 湖北省监利县人民医院位于荆州市长江北岸的监利县容城镇，成立于一九五零年七月，是一所集临床医疗、教学、科研和预防保健于一体的综合性县级医院，
                 是全省大的县市级医院，承担着监利县150万人民群众的医疗服务。一九九六年被国家卫生部授予二级甲等医院，一九九七年被评审为国家爱婴医院，
                 二零零七年通过二级优秀医院评审。是华中科技大学同济医学院教学基地，武汉大学人民医院、中南医院协作医院，湖北民族学院医学院、湖北长江大学医学院教学医院。
                 医院现占地70亩，建筑面积3.4万平方米,拥有固定资产1.61亿，在职职工740人，开设病床523张。2008年度门诊量达到50万人次，年出院病人2.2万人次，
                 年手术病人达到7200人次，年业务总收入达到1.2亿元。现代化的医疗设备包括全身螺旋CT、MSTAR4500型永磁磁共振成像系统、DRX光系统、彩色B超、800测试全自动生化分析仪等万元以上设备200多件（套）。
                 根据医院制定的“一年打基础，两年成格局，三年起腾飞”的战略发展目标，医院易地建设工程已经启动。新建医院占地面积达147亩，业务总建筑面积8.3万平方米,设置病床1000张,门诊楼、急诊楼、医技楼、住院楼布局合理、流程规范，
                 并拥有大型庭院式花园，绿化率将达52%。2011年一所投资2.4亿元、具有三级医院规模的新型现代化医院，将矗立在监利新城区并正式投入使用。新医院将设置15个专业、19个护理单元的住院部，设置净化手术室16间，全封闭ICU病房一个；
                 将开设心理咨询、高血压、糖尿病、疼痛、小针刀等11个特色门诊；设立腔镜中心、创伤中心、血液净化中心、分娩中心、放疗中心等多个医学中心；将建成 “120”急救网络系统和全院计算机网络管理系统，形成院外急救、院内抢救、急诊速救和监护治疗等综合配套的网络体系。
               </p>
               <h1 class="title">先进设备</h1>
               <el-divider></el-divider>
               <p class="article">
                 血球自动生化分析仪、血气分析仪、纤维胃镜、肌电图仪、系列内窥镜等
               </p>
                <h1 class="title">人民医院重点科室</h1>
               <el-divider></el-divider>
               <el-tag type="success" effect="plain" class="tag2">儿科</el-tag>
               <el-tag type="success" effect="plain" class="tag2">感染科</el-tag>
               <el-tag type="success" effect="plain" class="tag2">骨科</el-tag>
               <el-tag type="success" effect="plain" class="tag2">肾内科</el-tag>
               <el-tag type="success" effect="plain" class="tag2">心血管内科</el-tag>
               <el-tag type="success" effect="plain" class="tag2">普外科</el-tag>
               <el-tag type="success" effect="plain" class="tag2">超声影像科</el-tag>
               <el-tag type="success" effect="plain" class="tag2">神经内科</el-tag>
               <el-tag type="success" effect="plain" class="tag2">胸外科</el-tag>
               <el-tag type="success" effect="plain" class="tag2">神经外科</el-tag>
               <span></span>
             </div>
        </el-card>
    </div>
      

</template>

<script>
export default {
    name: "Welcome",
    data() {
      return {  
      imagesbox:[{id:0,idView:require("../../assets/img/welcome1.png"),text:'外科手术室外的医生'},     
              {id:1,idView:require("../../assets/img/welcome2.png"),text:'住院区正在扩建中'},
              {id:2,idView:require("../../assets/img/welcome3.png"),text:'新冠疫苗已经研发成功！'}]
          }
      },
    methods: {

    },
}
</script>

<style>
.image{
   width: 100%;
  height: 100%;
  position: relative;
}
.block {
  width: 100%;
}

.pic_item h3 {
  position: absolute;
  left: 11rem;
  bottom: 0.5rem;
  color:white;
  opacity: 0.95;
  font-weight: 500;
    font-size: 1rem;
}
     /* color: #888888; */
.el-carousel-item h3 {
  color: white;
  font-size: 5rem;
  opacity: 0.75;
  margin: 50px;
}
.pic_item {
  position: relative;
  height: 100%;
}
.pic_item:hover{
  cursor: pointer;
}

.pic_item img {
  width: 100%;
  height: 100%;
}
.el-carousel-item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel-item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
 .tag {
  
   font-family:"Microsoft YaHei";
   font-weight: 400;   
   font-size: 4mm;
   padding-left:10px;
   padding-right: 30px;
   
 }
 
  .title {
    font-family:"Microsoft YaHei";
    font-weight: 400;
    font-size: 5.5mm;
    margin-bottom: 0px;
    margin-top: 50px;
   }
 .article {
    font-family: "KaiTi";
    font-weight: 400;
    /* word-spacing:10px; */
    /* 字间距 */
    letter-spacing: 1.5px;
    line-height:140%;
    font-size: 5mm;
  }
  .tag2 {
    /* padding-right: 30px; */
    margin-right: 10px;
  }

</style>